<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
          
    <h:head>
        <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
        <title>
            <ui:insert name="titulo">Sistema de Cadastro de Esmaltes</ui:insert>
        </title>

        <h:outputStylesheet library="css" name="sistema.css"/>
        <h:outputScript library="js" name="dataprimefaces.js"/>
    </h:head>
    
    <h:body>
        <div id="header">
            <h:graphicImage library="imagens" name="esmalte.png" style="float: left; margin-left: 200px"/>
            <br/><br/><br/>
            
            <h:form >
            
                <p:menubar style="font-size: 12px; margin-left: 200px; margin-right: 200px">
                    <p:submenu label="Manutenção" >
                    	<p:menuitem value="Marca"          outcome="/pages/marca/CadastroConsultaMarca" />
                    	<p:menuitem value="Cor"            outcome="/pages/cor/CadastroConsultaCor"  />
                    	<p:menuitem value="Efeito"         outcome="/pages/efeito/CadastroConsultaEfeito"  />
                    	<p:menuitem value="País de Origem" outcome="/pages/pais/CadastroConsultaPais" />
                        <p:separator/>
                        <p:menuitem value="Usuários" />
                    </p:submenu>
                    <p:submenu label="Esmaltes">
                        <p:menuitem value="Cadastro" />
                        <p:menuitem value="Consulta" />
                    </p:submenu>
                    <p:submenu label="Relatórios">
                        <p:menuitem value="Relatório Bla Bla!"/>
                    </p:submenu>
                    <p:menuitem value="Sair" style="text-align: right"/>
                </p:menubar>
                
            </h:form>
        </div>
        
        <div id="content">
            <ui:insert name="conteudo"/>
        </div>
        
        <div id="footer" style="font-family: arial; font-size: 11px; margin-left: 200px">
            <p:separator style="margin-right: 200px; margin-top: 30px"/>
            Versão 1.0 - jun/2014
        </div>
    </h:body>
    
</html>
